<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>家长课堂</title>
		<meta name="viewport" content="width=device-width, initial-scale=0.5,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
		<style>
			.mui-row.mui-fullscreen>[class*="mui-col-"] {
				height: 100%;
			}
			
			.mui-col-xs-3,
			.mui-control-content {
				overflow-y: auto;
				height: 80%;
			}
			
			.mui-segmented-control .mui-control-item {
				line-height: 50px;
				width: 100%;
			}
			
			#dv_con_left div a {
				margin-bottom: 40px;
				height: 20%;
				font-size: 26px;
				text-align: center;
			}
			
			#dv-yls-contents-control a:link {
				color: #929292;
			}
			
			#dv-yls-contents-control a:hover {
				color: #0000FF;
			}
		</style>
	</head>
	<script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/vod/bcloud.js"></script>
	<body style="width: 100%; height: 100%;">

		<div id="dv_body" style="width: 100%; height: 80%;">
			<!--
        	作者：xuzhao_deng@sina.com
        	时间：2016-12-06
        	描述：微校园图片搜索
        	-->
			<div id="dv_jzktImg" style="margin-top: 12px; width: 100%; height: 20%;">
				<img src="../../img/jzkt/weixiaoyuanguanggao_02.png" style="width: 100%;" height="300" />
			</div>

			<div id="dv_jzktContent" style="height: 80%;">
				<div class="mui-content mui-row" style="height: 100%;">
					<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-07
                	描述：左边功能导航区
                    -->
					<div id="dv_con_left" class="mui-col-xs-3" style="background: url(../../img/jzkt/lankuang_02.png); width: 20%; height: 100%;">
						<div style="list-style: none; text-align: center; margin-bottom: 60px; height: 100%;" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
							<a>
								<br /><br />
							</a>
							<a id="dv_bar_grzx" class="mui-control-item mui-active" href="#jzkt-zjjz-content">
								<img src="../../img/jzkt/zhuanjiajiangzuo_03.png"><br />
								<span>专家讲座</span>
							</a>
							<a class="mui-control-item" href="#jzkt-cjwt-content">
								<img src="../../img/jzkt/changjianwenti_03.png"><br />
								<span>常见问题</span>
							</a>
							<a class="mui-control-item" href="#jzkt-yls-content">
								<img src="../../img/jzkt/jiazhangbixiu-white_06.png"><br />
								<span>阅览室</span>
							</a>
							<a class="mui-control-item" href="#jzkt-jzbx-content">
								<img src="../../img/jzkt/jiazhangbixiu-bai_03.png"><br />
								<span>家长必修</span>
							</a>
							<br /><br /><br /><br /><br /><br /><br /><br />
						</div>
					</div>
					<!--
                	作者：xuzhao_deng@sina.com
                	时间：2016-12-07
                	描述：右边内容区
                	-->
					<div class="mui-col-xs-9" style="width: 80%; float: left;">

						<!--
                    	作者：xuzhao_deng@sina.com
                    	时间：2016-12-07
                    	描述：专家讲座
                    	-->
						<div id="jzkt-zjjz-content" class="mui-control-content mui-active" style="width: 100%;">
							<div style="text-align: left; margin-left: 60px; width: 80%;">
								<div id="dv-zjjz-video" style="text-align: center;"><br />
									<!--<a href="http://yuntv.letv.com/bcloud.swf?uu=ts1nlqzwrw&vu=3eb9b61634&auto_play=1&gpcflag=1&lang=zh_CN">
									<video style="width:360px;height:280px;" controls="controls">
										<source src="http://yuntv.letv.com/bcloud.swf?uu=ts1nlqzwrw&vu=3eb9b61634&auto_play=1&gpcflag=1&lang=zh_CN" type="video/m4v"/>
									</video></a>-->
									<script type="text/javascript">
										var player = new CloudVodPlayer();
										player.init({"uu":"ts1nlqzwrw","vu":"3eb9b61634","auto_play":0,"gpcflag":1,"width":460,"height":280,"lang":"zh_CN"});
									</script><br />
								</div>
								<span style="font-size: 30px; text-align: left;">孩子说“我不会”，你听的懂？</span><br />
								<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
									道不尽红尘舍恋 诉不完人间恩怨 世世代代都是缘 留着相同的血 喝着相同的水 这条路漫漫又长远 红花当然配绿叶 这一辈子谁来陪 渺渺茫茫来又回 往日情景再浮现 藕虽断了丝还连 轻叹世间事多变迁 爱江山更爱美人 那个英雄好汉宁愿孤单 好儿郎浑身是胆 壮志豪情四海远名扬 人生短短几个秋啊 不醉不罢休 东边我的美人哪 西边黄河流 来呀来个酒啊不醉不罢休 愁情烦事别放心头 愁情烦事别放心头
								</p><br />
								<div><br />
									<span style="float: left;">作者:邓绪招</span>
									<span style="text-align: center; margin-left: 100px; margin-right: 100px;"><img src="../../img/jzkt/yanjing_03.png">阅读量：2020</span>
									<span style="float: right;"><img src="../../img/jzkt/pingluntubiao_03.png"></span>
								</div><br />
								<hr />
							</div>

							<div style="text-align: left; margin-left: 60px; width: 80%;">
								<div id="dv-zjjz-video" style="text-align: center;">
									<!--<video id="lll" style="width:360px;height:280px;" controls="controls">
										<source src="http://yuntv.letv.com/bcloud.swf?uu=ts1nlqzwrw&vu=3eb9b61634&auto_play=1&gpcflag=1&lang=zh_CN" type="video/m4v"/>
									</video>--><br />
									<script type="text/javascript">
										var player = new CloudVodPlayer();
										player.init({"uu":"ts1nlqzwrw","vu":"3eb9b61634","auto_play":0,"gpcflag":1,"width":460,"height":280,"lang":"zh_CN"});
									</script><br />
								</div>
								<span style="font-size: 30px; text-align: left;">孩子说“我不会”，你听的懂？</span><br />
								<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">
									道不尽红尘舍恋 诉不完人间恩怨 世世代代都是缘 留着相同的血 喝着相同的水 这条路漫漫又长远 红花当然配绿叶 这一辈子谁来陪 渺渺茫茫来又回 往日情景再浮现 藕虽断了丝还连 轻叹世间事多变迁 爱江山更爱美人 那个英雄好汉宁愿孤单 好儿郎浑身是胆 壮志豪情四海远名扬 人生短短几个秋啊 不醉不罢休 东边我的美人哪 西边黄河流 来呀来个酒啊不醉不罢休 愁情烦事别放心头 愁情烦事别放心头
								</p>
								<div><br />
									<span style="float: left;">作者:邓绪招</span>
									<span style="text-align: center; margin-left: 100px; margin-right: 100px;"><img src="../../img/jzkt/yanjing_03.png">阅读量：2020</span>
									<span style="float: right;"><img src="../../img/jzkt/pingluntubiao_03.png"></span>
								</div><br />
								<hr />
							</div>

						</div>

						<!--
                    	作者：xuzhao_deng@sina.com
                    	时间：2016-12-07
                    	描述：常见问题
                    	-->
						<div id="jzkt-cjwt-content" class="mui-control-content">
							<br />
							<ul class="mui-table-view mui-table-view-chevron">
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" style="display: flex;">
										<dvi><img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;"></dvi>
										<div class="mui-media-body" style="margin-left: 40px;">
											<span style="font-size: 26px;">&nbsp;&nbsp;行为问题</span><br /><br />
											<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;行为习惯、性格、习惯、素质、兴趣。。。</p><br />
											<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;2034个问题</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" style="display: flex;">
										<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
										<div class="mui-media-body">
											<span style="font-size: 26px;">&nbsp;&nbsp;习惯问题</span><br /><br />
											<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;行为习惯、性格、习惯、素质、兴趣。。。</p><br />
											<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;2034个问题</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" style="display: flex;">
										<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
										<div class="mui-media-body">
											<span style="font-size: 26px;">&nbsp;&nbsp;情商问题</span><br /><br />
											<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;行为习惯、性格、习惯、素质、兴趣。。。</p><br />
											<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;2034个问题</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" style="display: flex;">
										<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
										<div class="mui-media-body">
											<span style="font-size: 26px;">&nbsp;&nbsp;学习问题</span><br /><br />
											<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;行为习惯、性格、习惯、素质、兴趣。。。</p><br />
											<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;2034个问题</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" style="display: flex;">
										<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
										<div class="mui-media-body">
											<span style="font-size: 26px;">&nbsp;&nbsp;能力问题</span><br /><br />
											<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;行为习惯、性格、习惯、素质、兴趣。。。</p><br />
											<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;2034个问题</p>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell mui-media">
									<a class="mui-navigate-right" style="display: flex;">
										<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
										<div class="mui-media-body">
											<span style="font-size: 26px;">&nbsp;&nbsp;其他问题</span><br /><br />
											<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;行为习惯、性格、习惯、素质、兴趣。。。</p><br />
											<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;2034个问题</p>
										</div>
									</a>
								</li>
							</ul>

						</div>

						<!--
                    	作者：xuzhao_deng@sina.com
                    	时间：2016-12-07
                    	描述：阅览室
                    	-->
						<div id="jzkt-yls-content" class="mui-control-content">
							<div style="padding: 10px 10px;"><br />
								<div id="dv-yls-contents-control" style="display: flex; display: -webkit-flex; justify-content: space-around; font-size: 26px;">
									<a class="mui-control-item mui-active" href="#dv-yls-hwsc">
										好文收藏
									</a>
									<img src="../../img/jzkt/fengexian_03.png" />
									<a class="mui-control-item" href="#dv-yls-hssc">
										好书收藏
									</a>
									<img src="../../img/jzkt/fengexian_03.png" />
									<a class="mui-control-item" href="#dv-yls-jcsp">
										精彩视频
									</a>
								</div>
							</div>

							<div id="dv-yls-contents">
								<div id="dv-yls-hwsc" class="mui-control-content mui-active">
									<ul class="mui-table-view mui-table-view-chevron"><br />
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;好文标题1</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：张三丰</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:洪七公 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;好文标题2</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：张无忌</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:赵敏 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;好文标题3</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：杨过</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:小龙女 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;好文标题4</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：郭靖</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:黄蓉 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;好文标题5</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：杨康</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:幕姑娘 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;好文标题6</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：乔峰</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:虚竹 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
									</ul>
								</div>

								<div id="dv-yls-hssc" class="mui-control-content">
									<ul class="mui-table-view mui-table-view-chevron"><br />
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;辟邪剑谱</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：岳不群</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:林平之 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;降龙十八掌</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：洪七公</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:郭靖 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
									</ul>
								</div>

								<div id="dv-yls-jcsp" class="mui-control-content">
									<ul class="mui-table-view mui-table-view-chevron"><br />
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;华山论剑</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：岳不群</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:林平之 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;华山论剑</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：岳不群</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:林平之 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a class="mui-navigate-right" style="display: flex;">
												<img src="../../img/jzkt/cbd.jpg" style="height: 110px; width: 110px;">
												<div class="mui-media-body">
													<span style="font-size: 26px;">&nbsp;&nbsp;华山论剑</span><br /><br />
													<p style="font-size: 24px;" class='mui-ellipsis'>&nbsp;&nbsp;作者：岳不群</p><br />
													<p style="font-size: 22px;" class='mui-ellipsis'>&nbsp;&nbsp;推荐人:林平之 &nbsp;&nbsp;&nbsp;&nbsp;发布时间：2016.12.08</p>
												</div>
											</a>
										</li>
									</ul>
								</div>

							</div>
						</div>

						<!--
                    	作者：xuzhao_deng@sina.com
                    	时间：2016-12-07
                    	描述：家长必修
                    	-->
						<div id="jzkt-jzbx-content" class="mui-control-content">
							<video controls="controls" src="http://yuntv.letv.com/bcloud.html?uu=ts1nlqzwrw&vu=809eba56c7&auto_play=1&width=640&height=360&lang=zh_CN">
								
							</video>
						</div>
					</div>
				</div>
			</div>
		</div>

	</body>
	<script src="../../js/mui.min.js"></script>
	<script>
		window.onload = function(){
			console.log(fun_zjjzLstTem(1, 2));
		}
		function fun_zjjzLstTem(vidInfo, num){
			var $vidInfoHtml = 
			'<div style="text-align: left; margin-left: 60px; width: 80%;">'
			+	'<div id="dv-zjjz-video" style="text-align: center;"><br />'
			+		'<script type="text/javascript">'
			+			'var player = new CloudVodPlayer();'
			+			'player.init({"uu":"ts1nlqzwrw","vu":"3eb9b61634","auto_play":0,"gpcflag":1,"width":460,"height":280,"lang":"zh_CN"});'
			+		'< &#47;script>'
			+	'</div>'
			+	'<span style="font-size: 30px; text-align: left;">孩子说“我不会”，你听的懂？</span><br />'
			+	'<p style="font-size: 28px; line-height: 130%; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;">'
			+		'道不尽红尘舍恋 诉不完人间恩怨 世世代代都是缘 留着相同的血 喝着相同的水 这条路漫漫又长远 红花当然配绿叶 这一辈子谁来陪 渺渺茫茫来又回 往日情景再浮现 藕虽断了丝还连 轻叹世间事多变迁 爱江山更爱美人 那个英雄好汉宁愿孤单 好儿郎浑身是胆 壮志豪情四海远名扬 人生短短几个秋啊 不醉不罢休 东边我的美人哪 西边黄河流 来呀来个酒啊不醉不罢休 愁情烦事别放心头 愁情烦事别放心头'
			+	'</p><br />'
			+	'<div><br />'
			+		'<span style="float: left;">作者:邓绪招</span>'
			+		'<span style="text-align: center; margin-left: 100px; margin-right: 100px;"><img src="../../img/jzkt/yanjing_03.png">阅读量：2020</span>'
			+		'<span style="float: right;"><img src="../../img/jzkt/pingluntubiao_03.png"></span>'
			+	'</div><br />'
			+	'<hr />'
			+'</div>';
			return $vidInfoHtml;
		}
	</script>

</html>